﻿@model SmallBusinessKit.ViewModels.ItemsViewModel
@{
    ViewBag.Title = "Fabrikan Inc. | Items";
}

<div class="page-header">
    <h1>Items</h1>
</div>

<div class="row">
    <div class="col-md-12">

        <div class="panel panel-default" style="margin-top: -5px;">
            <div class="panel-body">

                <div class="col-md-3">
                    <fieldset>
                        <legend>@Html.ActionLink("Items", "Index", "Items")</legend>

                        @Html.Partial("_Treeview", @Model.Categories)

                    </fieldset>
                </div>

                <div class="col-md-6">
                    <fieldset>
                        <legend>&nbsp;</legend>

                        <div id="TargetDiv">

                            @foreach (var cat in @Model.Categories)
                            {
                                <p class="shimTop15">
                                    <img src="~/Content/Images/@cat.ImageUrl" class="photo-border photo-float-left photo2" />
                                    <h3>@cat.Title</h3>
                                    @cat.Desc
                                </p>
                            }

                        </div>
                        
                    </fieldset>
                </div>

                <div class="visible-xs visible-sm visible-md shimTop15">&nbsp;</div>

                <div class="col-md-3" style="background: #F9F9FB;">
                    <fieldset>
                        <legend>@Html.ActionLink("Our customers rave about our products","Index", "Testimonials")</legend>

                        <blockquote>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                euismod tincidunt ut laoreet dolore magna aliquam erat.
                            </p>
                            <p>
                                <cite>Jane Doe, Phoenix, AZ</cite>
                            </p>
                            <br/>
                        </blockquote>
                        
                        <blockquote>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                euismod tincidunt ut laoreet dolore magna aliquam erat.
                            </p>
                            <p>
                                <cite>John Doe, New York, NY</cite>
                            </p>
                            <br />
                        </blockquote>

                        <blockquote>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                euismod tincidunt ut laoreet dolore magna aliquam erat.
                            </p>
                            <p>
                                <cite>Jane Doe, Phoenix, AZ</cite>
                            </p>
                            <br/>
                        </blockquote>

                        <blockquote>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                euismod tincidunt ut laoreet dolore magna aliquam erat.
                            </p>
                            <p>
                                <cite>John Doe, New York, NY</cite>
                            </p>
                            <br />
                        </blockquote>
                    </fieldset>
                </div>

            </div>

        </div>
    </div>
</div>

@section Scripts
{
    @Scripts.Render("~/bundles/treeView")
}
